﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Speakers</title>
    <link href="../jquery-mobile/jquery.mobile-1.0a2.css" rel="stylesheet" type="text/css" />
    <link href="css/event.css" rel="stylesheet" type="text/css" />
    <script src="../jquery-mobile/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="../jquery-mobile/jquery.mobile-1.0a2.js" type="text/javascript"></script>
</head>
<body>
    <div data-role="page">
        <div data-role="header">
            <h1>
                Speakers</h1>
        </div>
        <div data-role="content">
            <div id="banner">
                <h2>
                    Mobile Dev 2011</h2>
            </div>
            <p>
                We've got the world's greatest experts ready to deliver a full day of amazing content!</p>
            <ul data-role="listview" data-inset="true">
                <li class="list-item-speaker">
                    <div class="list-item-content-speaker">
                        <img src="img/placeholder-2.png" class="thumb-speaker-small" />
                        <h3>
                            Speaker A</h3>
                        <p>
                            Short introduction of Speaker A</p>
                    </div>
                </li>
                <li class="list-item-speaker">
                    <div class="list-item-content-speaker">
                        <img src="img/placeholder-2.png" class="thumb-speaker-small" />
                        <h3>
                            Speaker B</h3>
                        <p>
                            Short introduction of Speaker B</p>
                    </div>
                </li>
                <li class="list-item-speaker">
                    <div class="list-item-content-speaker">
                        <img src="img/placeholder-2.png" class="thumb-speaker-small" />
                        <h3>
                            Speaker C</h3>
                        <p>
                            Short introduction of Speaker C</p>
                    </div>
                </li>
                <li class="list-item-speaker">
                    <div class="list-item-content-speaker">
                        <img src="img/placeholder-2.png" class="thumb-speaker-small" />
                        <h3>
                            Speaker D</h3>
                        <p>
                            Short introduction of Speaker D</p>
                    </div>
                </li>
                <li class="list-item-speaker">
                    <div class="list-item-content-speaker">
                        <img src="img/placeholder-2.png" class="thumb-speaker-small" />
                        <h3>
                            Speaker E</h3>
                        <p>
                            Short introduction of Speaker E</p>
                    </div>
                </li>
                <li class="list-item-speaker">
                    <div class="list-item-content-speaker">
                        <img src="img/placeholder-2.png" class="thumb-speaker-small" />
                        <h3>
                            Speaker F</h3>
                        <p>
                            Short introduction of Speaker F</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>
